body{
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #000;
    div{
        width: 300px;
        height: 80px;
        background-color: coral;
        position: relative;
        &::before{
            position: absolute;
            content: '';
            display: block;
            width: 20px;
            height: 100%;
            background-color: cornflowerblue;
            transform: skewY(-45deg) translateX(-20px) translateY(-10px);
        }
        &::after{
            position: absolute;
            content: '';
            display: block;
            width:100%;
            height: 20px;
            bottom: 0px;
            background-color:darkgreen;
            transform: skewX(-45deg) translateY(20px) translateX(10px);

            
        }
    } 
}